<template>
	<div class="credit">
		<ShopHeader :isInput="dataArr.isInput" 
			:iconArr="dataArr.iconArr" 
			:placeholder="dataArr.placeholder"
			:aimUrl="dataArr.aimUrl"
			:rightUrl="dataArr.rightUrl"
		/>
		<div class="top-zhanwei"></div>
		<div class="credit-img-wrap">
			<img src="../../assets/images/mine/img_banner@2x.png" alt="">
		</div>
		<div class="credit-msg">
			<p class="better-credit">
				芝麻信用的好处
			</p>
			<div class="credit-item">
				<img src="../../assets/images/mine/img_tu01@2x.png" alt="">
				<p>有信用，减押金</p>
				<p>授权芝麻信用 满650分</p>
				<p>相应房源享受减押金入住</p>
			</div>
			<div class="credit-item">
				<img src="../../assets/images/mine/img_tu02@2x.png" alt="">
				<p>增加房东信任感</p>
				<p>身份真实</p>
				<p>房东更愿意接受订单</p>
			</div>
		</div>
	</div>
</template>
<script>
	import ShopHeader from "../../components/shopheader"
	export default{
		name:'credit',
		data(){
			return{
				dataArr:{
					isInput:false,
					iconArr:[
						{
							iconLeft:"icon-zuojiantou",
							iconRight:""
						}
					],
					placeholder:"芝麻信用详情",
					aimUrl:"/layout/mine",
					rightUrl:''
				}
			}
		},
		components:{
			ShopHeader
		}
	}
</script>
<style scoped lang="less">
	.credit{
		width: 100%;
		background-color: #fff;
		overflow: hidden;
		.top-zhanwei{
			width: 100%;
			height: 88 / 2 / 50rem;
		}
		.credit-img-wrap{
			width: 100%;
			height: 302 / 2 / 50rem;
			img{
				width: 100%;
				height: 100%;
			}
		}
		.credit-msg{
			margin: 42 / 2 / 50rem auto;
			width: 95%;
			height: 522 / 2 / 50rem;
			box-shadow: 0 0 10 / 50rem 1 / 50rem rgba(0,0,0,.1);
			border-radius: 5 / 50rem;
			p.better-credit{
				text-align: center;
				line-height: 96 / 2 / 50rem;
				height: 96 / 2 / 50rem;
				color: #f55;
				font-size: 20 / 50rem;
				font-weight: 700;
			}
			.credit-item{
				float: left;
				width: 50%;
				text-align: center;
				// background-color: red;
				img{
					height: 185 / 2 / 50rem;
					width: 220 / 2 / 50rem;
				}
				p{
					color: #333;
					font-size: 15 / 50rem;
					margin-bottom:21 / 2 / 50rem;
				}
				p:nth-child(2){
					font-weight: 700;
					margin-top: 21 / 2 / 50rem;
					margin-bottom: 58 / 2 / 50rem;
				}
			}
		}
	}
</style>